﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>网上报名</title>
    <style type="text/css">
        body{ margin:0px auto;}
        a:link,a:visited{color:#ff0000;text-decoration:none;}
        a:hover,a:active{color:#CC0000;text-decoration:underline;}
        .STYLE1 {
            font-size: 12px;
            color:#542001;
            line-height:25px;
        }
        .txt{ border-bottom:#CC3300 dashed 1px;}
        .STYLE1 a:link{color:#542001;text-decoration:none;}
        .STYLE1 a:visited{color:#542001;text-decoration:none;}
        .STYLE1 a:hover{color:#CC0000;text-decoration:underline;}
        .STYLE3 {
            font-size: 14px;
            color: #CC0000;
            font-weight: bold;
        }
        .STYLE3 a:link,a:visited{color:#ff0000;text-decoration:none;}
        .STYLE3 a:hover,a:active{color:#CC0000;text-decoration:underline;}
        .STYLE5 {font-size: 12px; line-height:25px;}
        .STYLE7 {color: #FFFFFF}
    </style>
    <script src="/js/jquery-2.0.3.min.js" type="text/javascript"></script>
    <script src="/js/jquery.validate.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#form1').validate({
                rules: {
                    name: {
                        required: true
                    },
                    schoolId: {
                        required: true
                    },
                    specialty: {
                        required: true
                    },
                    age: {
                        required: true
                    },
                    graduateSchool: {
                        required: true
                    },
                    address: {
                        required: true
                    },
                    phone: {
                        required: true,
                        maxlength:13
                    },
                    mobile: {
                        required: true,
                        maxlength:11
                    },
                    qq: {
                        required: true
                    }
                },
                messages: {
                    name: {
                        required: "姓名必填"
                    },
                    schoolId: {
                        required: "报读学校必填"
                    },
                    specialty: {
                        required: "报读专业必填"
                    },
                    age: {
                        required: "年龄必填"
                    },
                    graduateSchool: {
                        required: "毕业院校必填"
                    },
                    address: {
                        required: "家庭地址必填"
                    },
                    phone: {
                        required: "家庭电话必填",
                        maxlength:"电话号码不能超过11位"
                    },
                    mobile: {
                        required: "手机号必填",
                        maxlength:"手机号码不能超过11位"
                    },
                    qq: {
                        required: "qq必填"
                    }
                },
                /* 重写错误显示消息方法,以alert方式弹出错误消息 */
                showErrors: function(errorMap, errorList) {
                    var msg = "";
                    $.each( errorList, function(i,v){
                        msg += (v.message+"\r\n");
                    });
                    if(msg!="") alert(msg);
                },
                /* 失去焦点时不验证 */
                onfocusout: false
            });
        });
        function getSpecialty() {
            var schoolId = $("#schoolId").val();
            if(schoolId>0) {
                $.get("/getSpecialtys", {schoolId: schoolId}, function (result) {
                    $("#specialty").empty();
                    var list = eval("(" + result + ")");
                    for (var i = 0; i < list.length; i++) {
                        $("<option value='" + list[i]["id"] + "'>" + list[i]["name"] + "</option>").appendTo("#specialty")
                    }
                });
                $("#schoolName").val($("#schoolId option:selected").text());
            }
        }
    </script>
</head>
<body>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
    <tbody><tr>

        <td bgcolor="#FFFFFF"><table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
            <tbody><tr>
                <td><a href="/index"><img src="/temp/images/main_r1.jpg" width="960" height="306" border="0"></a></td>
            </tr>
            </tbody></table>
            <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
                <tbody><tr>
                    <td width="690" align="left" valign="top"><table width="690" border="0" cellspacing="0" cellpadding="0">
                        <tbody><tr>

                            <td><img src="/temp/images/main_r2.jpg" width="690" height="31"></td>
                        </tr>
                        <tr>
                            <td background="images/main_r7.jpg"><table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tbody><tr>
                                    <td width="54"><img src="/temp/images/main_r4.jpg" width="54" height="55"></td>
                                    <td width="564" background="images/main_r6.jpg" class="STYLE3 STYLE7">　网上报名后，学校招生办会尽快与你联系！此报名不会影响你填报的志愿。</td>
                                    <td width="22"><img src="/temp/images/main_r5.jpg" width="22" height="55"></td>

                                </tr>
                                <tr>
                                    <td colspan="3" valign="top" style="padding-bottom:8px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tbody><tr>
                                            <td width="65%" height="200" valign="top"><form:form action="/apply" method="post" name="form1" id="form1" modelAttribute="apply"><table width="100%" height="390" border="0" align="left" cellpadding="0" cellspacing="1" bordercolor="#66CCFF" bgcolor="#D68C45" style=" padding-left:10px; border:#666666 1px solid">
                                                <tbody><tr>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">报读学校</td>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">
                                                        <form:select path="schoolId" onchange="getSpecialty()">
                                                            <form:option value="0" label="请选择学校"/>
                                                            <form:options items="${schools}" itemLabel="name" itemValue="id" id="name"/><input type="hidden" name="schoolName" id="schoolName"/>
                                                        </form:select>
                                                        必选</td>
                                                </tr>

                                                <tr>
                                                    <td width="13%" height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">报读专业</td>
                                                    <td width="87%" height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1" >
                                                        <select name="specialty" id="specialty"> <option selected="" value="0">==请选择专业==</option></select>
                                                        必选：请选择专业</td>
                                                </tr>
                                                <tr>

                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">学生姓名</td>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1"><input type="text" name="name" id="name">
                                                        必填</td>
                                                </tr>
                                                <tr>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">性 别</td>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1"><select name="sex">
                                                        <option value="男" selected="selected">男</option>
                                                        <option value="女">女</option>
                                                    </select>
                                                        必选</td>
                                                </tr>
                                                <tr>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">年 龄</td>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1"><input type="text" name="age" id="age">
                                                        必填</td>

                                                </tr>
                                                <tr>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">毕业学校</td>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1"><input name="graduateSchool" type="text" id="graduateSchool">
                                                        必填</td>
                                                </tr>
                                                <tr>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">家庭地址</td>

                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">
                                                        <input type="text" name="address" id="address">
                                                        必填</td>
                                                </tr>
                                                <tr>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">家庭电话</td>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">
                                                        <input type="text" name="phone">
                                                        （例如：028-12345678）</td>

                                                </tr>
                                                <tr>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">手机号码</td>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">
                                                        <input type="text" name="mobile">
                                                        必填</td>
                                                </tr>
                                                <tr>

                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1">Q Q号码</td>
                                                    <td height="25" align="left" bordercolor="#FFFFFF" bgcolor="#F9D589" class="STYLE1"><input type="text" name="qq" id="qq">
                                                        必填</td>
                                                </tr>
                                                <tr><td height="60" colspan="2" align="center" bgcolor="#F9D589" class="STYLE1"><input name="submit" type="submit" value="提 交">
                                                    <input name="reset" type="reset" value="重 填">

                                                    <br>

                                                </td>
                                                </tr>
                                                </tbody></table>
                                            </form:form></td>
                                        </tr>
                                        </tbody></table></td>
                                </tr>
                                </tbody></table></td>
                        </tr>


                        <tr>
                            <td height="16" background="images/main_r11.jpg"></td>
                        </tr>
                        </tbody></table></td>
                    <td width="270" align="right" valign="top"><table width="264" border="0" cellspacing="0" cellpadding="0">
                        <tbody><tr>
                            <td><img src="/temp/images/main_r2d.jpg" width="264" height="64"></td>
                        </tr>
                        <tr>

                            <td height="230" align="left" valign="top" background="images/main_r14.jpg" class="STYLE1" style="padding-left:12px;"><table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tbody><tr>
                                    <td height="18"><a href="/school/detail/10" target="_blank"><span style="color:#F00">张澜职业技术学校职业培训学院</span></a></td>
                                </tr>
                                <tr>
                                    <td height="18"><a href="/school/detail/9" target="_blank"><span style="color:#F00">电子工业学校</span></a></td>
                                </tr>
                                <tr>
                                    <td width="250" height="75"><a href="#" target="_blank"><img src="/temp/images/bm5.jpg" width="240" height="70" border="0"></a></td>
                                </tr>
                                <tr>

                                    <td width="250" height="75"><a href="#" target="_blank"><img src="/temp/images/bm2.jpg" width="240" height="70" border="0"></a></td>
                                </tr>
                                <tr>
                                    <td width="250" height="75"><a href="#" target="_blank"><img src="/temp/images/bm3.jpg" width="240" height="70" border="0"></a></td>
                                </tr>
                                <tr>
                                    <td width="250" height="75"><a href="#" target="_blank"><img src="/temp/images/bm4.jpg" width="240" height="70" border="0"></a></td>
                                </tr>
                                <tr>
                                    <td width="250" height="75"><a href="#" target="_blank"><img src="/temp/images/bm1.jpg" width="240" height="70" border="0"></a></td>
                                </tr>
                                </tbody></table>
                            </td>

                        </tr>
                        <tr>
                            <td><img src="/temp/images/main_r10.jpg" width="264" height="12"></td>
                        </tr>
                        </tbody></table>
                    </td>
                </tr>
                </tbody></table>
            <table width="960" border="0" align="center" cellpadding="0" cellspacing="0">

                <tbody><tr>
                    <td><table width="954" border="0" align="right" cellpadding="0" cellspacing="0" style="margin-top:10px; border-top:#91201A solid 2px; padding:10px;">
                        <tbody><tr>
                            <td height="30" align="center" class="STYLEt"><span class="STYLE5">返回首页 | 关于我们 | 网站地图 | 广告投放 | 留言反馈 | 联系我们 <br>
                  </td>
                        </tr>
                        </tbody></table></td>
                </tr>

                </tbody></table></td>
    </tr>
    </tbody></table>

</body><style type="text/css" id="__360se6_success_css"></style></html>